<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>文本</title>
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>

<span class="text-muted">前景色-柔和灰</span>
<span class="text-success">前景色-成功绿</span>
<span class="text-info">前景色-信息蓝</span>
<span class="text-primary">前景色-主要蓝</span>
<span class="text-warning">前景色-警告黄</span>
<span class="text-danger">前景色-危险红</span>
<hr/>

<span class="bg-success">背景色-成功绿</span>
<span class="bg-info">背景色-信息蓝</span>
<span class="bg-primary">背景色-主要蓝</span>
<span class="bg-warning">背景色-警告黄</span>
<span class="bg-danger">背景色-危险红</span>
<hr/>

<span>我是正常字号</span>
<span class="small">我变小了</span>
<small>我也变小了</small>
<hr/>

<mark>荧光标记</mark>
<span class="mark">荧光标记</span>
<hr/>

<address>地址标签</address>
<hr/>

<blockquote>引用标签</blockquote>
<blockquote class="blockquote-reverse">引用标签</blockquote>
<blockquote>
    <span>引用标签中的内容</span>
    <footer>引用来源1</footer>
    <small>引用来源2</small>
</blockquote>
<hr/>

<code>public</code>
请输入 <kbd>ctrl + c</kbd> 来进行复制<br/>
<pre>
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
</pre>
<pre class="pre-scrollable">
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
public static void main(String[] args){
    System.out.println("HelloWorld!!!");
}
</pre>
<hr/>

<h1>窗外的麻雀，在电线杆上多嘴</h1>
<h2>你说这一句，很有夏天的感觉</h2>
<h3>手中的铅笔，在纸上来来回回</h3>
<h4>我用几行字</h4>
<h5>形容你</h5>
<h6>是我的谁</h6>
<p class="h1">秋刀鱼的滋味，猫跟你都想了解</p><br/>
<p class="h2">初恋的香味就这样被我们寻回</p><br/>
<p class="h3">那温暖的阳光</p><br/>
<p class="h4">像刚摘的鲜艳草莓</p><br/>
<p class="h5">你说你舍不得吃掉</p><br/>
<p class="h6">这一种感觉</p>
<hr/>

<h1>金箍棒<small> 龚琳娜</small></h1>
<h6>七里香<span class="small"> 周杰伦</span></h6>
<hr/>

<script src="../../jquery/jquery-3.2.1.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>